@font-face {
  font-family: 'Museo Sans 500';
  src: local("Museo Sans 500"), local("MuseoSans-500"), url('/fonts/MuseeoSans_500.otf') format('opentype'), url('/fonts/MuseoSans_500.svg#MuseoSans-500') format('svg');
}
@font-face {
  font-family: 'Museo Sans 700';
  src: local('Museo Sans 700'), local('MuseoSans-700'), url('/fonts/MuseoSans_700.otf') format('opentype'), url('/fonts/MuseoSans-700.svg#MuseoSans-700') format('svg');
  font-weight: bold;
}
#callout { background-image: url(../include/img/diagram_bg.jpeg); }
div.doc {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: solid 1px #333333;
  border-bottom: solid 1px rgba(0, 0, 0, 0.25);
}
div.doc .title {
  display: inline-block;
  line-height: 1.4em;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.6);
  vertical-align: top;
  -webkit-transition: color 0.25s linear;
}
div.doc .desc {
  display: inline-block;
  line-height: 1.4em;
  font-size: 0.9em;
  color: rgba(0, 0, 0, 0.6);
  vertical-align: top;
  -webkit-transition: color 0.25s linear;
}
div.doc .title {
  width: 20%;
  font-weight: bold;
}
div.doc .desc { width: 79%; }
div.doc:last-child { border-bottom: none; }
div.legend { border-bottom: solid 1px rgba(0, 0, 0, 0.75); }
div.legend .title {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1em;
}
div.legend .desc {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.8);
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1em;
}
.doc:hover .title { color: rgba(0, 0, 0, 0.9); }
.doc:hover .desc { color: rgba(0, 0, 0, 0.9); }
.title a:hover { color: #990000 !important; }
.legend:hover .title {
  color: inherit;
  text-shadow: none;
}
.legend:hover .desc {
  color: inherit;
  text-shadow: none;
}
